<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"  xmlns:ui="http://java.sun.com/jsf/facelets"                        
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"      >
    <h:head>     
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/menu.css" rel="stylesheet" type="text/css" />
        <title>Registration List Page</title>
    </h:head>
    <h:body>
        <div class="main_body_admin" >
            <div class="separator_div"/>
            <div class="admin_logo"/>

            <h:form id="frmMain">
                <p:menubar style="text-align: center" >
                    <p:menuitem value="Event" actionListener="#{naviagtionControl.redirectToEventPage()}" > </p:menuitem> 
                    <p:menuitem value="Prize" actionListener="#{naviagtionControl.redirectToPrizePage()}" ></p:menuitem> 
                    <p:menuitem value="User"   actionListener="#{naviagtionControl.redirectToUserPage()}"  ></p:menuitem> 
                    <p:menuitem value="FAQ"  actionListener="#{naviagtionControl.redirectToFAQsPage()}" ></p:menuitem> 
                    <p:menuitem value="Contact" actionListener="#{naviagtionControl.redirectToContactPage()}"  ></p:menuitem> 
                    <p:menuitem value="Registration"  actionListener="#{naviagtionControl.redirectToRegistrationPage()}"  ></p:menuitem> 
                    <p:menuitem value="Winner" style="color: blueviolet; font-weight: bold" styleClass="admin_menu_current"  ></p:menuitem> 
                    <p:menuitem value="Comment" actionListener="#{naviagtionControl.redirectToCommentsPage()}"  ></p:menuitem> 
                    <p:submenu label="#{userControl.user.fullName}"    >
                         <p:menuitem value="Edit Profile" actionListener="#{userControl.redirectToLogonUserPage()}" ></p:menuitem> 
                        <p:menuitem value="Log out" actionListener="#{userControl.logout()}"  ></p:menuitem> 
                    </p:submenu>


                </p:menubar>
            </h:form>

            <div class="content_display">
                <h:form>
                    <p:toolbar>
                        <p:toolbarGroup>
                            <p:commandButton value="New Winner" actionListener="#{winnerControl.redirectToAddWinner()}"/>
                            <p:commandButton value="View Winners" actionListener="#{winnerControl.redirectToListWinner()}" />

                        </p:toolbarGroup>
                    </p:toolbar>
                </h:form>
                <p:spacer height="5px" />
                <p:panel style="width: 99%;" header="New Winner">
                    <h:form>
                        <p:growl autoUpdate="true" />
                        <h:panelGrid columns="3">
                            <h:outputLabel value="Select Event :" for="evtx" />                       
                            <p:autoComplete  id="evtx" value="#{winnerControl.event}" itemLabel="#{evt.title}" itemValue="#{evt}" var="evt"
                                             completeMethod="#{winnerControl.comlpleteMethod}" converter="#{winnerConverter}"  required="true" requiredMessage="You MUST select an event"
                                             dropdown="true"   maxResults="10"     forceSelection="true"  >  
                                <p:ajax event="itemSelect" update="tblRegistration, tblPrizes" />
                            </p:autoComplete>
                            <p:message for="evtx" />
                        </h:panelGrid>
                        <h:panelGrid columns="3">
                            <p:dataTable id="tblRegistration"  var="reg" value="#{winnerControl.registrationDataModelByEvent()}" 
                                         paginator="true"  emptyMessage="No Registration  found."  
                                         rowKey="#{reg.id}"   paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                         rowsPerPageTemplate="5,10,15" selection="#{winnerControl.registration}" >
                                <p:column selectionMode="single" />
                                <p:column headerText="User" filterBy="#{reg.createdBy.fullName}" filterMatchMode="contains">
                                    <h:outputText value="#{reg.createdBy.fullName}" />
                                </p:column>

                            </p:dataTable>
                            <div style="width: 30px"/>
                            <p:dataTable id="tblPrizes"  var="p" value="#{ winnerControl.prizeModelByEvent()}" rowKey="#{p.id}"
                                         paginator="true"  emptyMessage="No Prize  found." selection="#{winnerControl.prize}"
                                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                         rowsPerPageTemplate="5,10,15">
                                <p:column selectionMode="single" />
                                <p:column headerText="Prize" filterBy="#{p.title}" filterMatchMode="contains">
                                    <h:outputText value="#{p.title}" />
                                </p:column>
                            </p:dataTable>
                        </h:panelGrid>
                        <p:commandButton value="Add" actionListener="#{winnerControl.insert()}" update="@all" />
                        <h:commandButton type="reset" value="Reset" style="padding: 0.4em 1em;" styleClass="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" >

                        </h:commandButton>


                    </h:form>

                </p:panel>

            </div>
        </div>
    </h:body>
</html>
